// 1、引入vue
import  Vue from 'vue'

//2、引入vue X
import VueX from "vuex";

//3、使用vuxt:1
Vue.use(VueX)

//可以单独创建vux里的state数据
const state = {
    count:1,
    name:['小王','小李','小A']
}

//创建  一个mutation属性
const mutations ={
    // 只有这里的事件函数可以修改State中的状态,第一个参数时State,第二个参数是传递的值,多值写成对象形式
    increment(state){
        state.count++
    },
    //这边接收调用函数传递过来的对象,这里解构出N
    incrementN(state,{ n }){
        state.count+= n
    }
}

//创建vuex的实例并暴露
export default new VueX.Store({
    state,
    mutations,
})